<template>
<div class="footerBox">
  <div>
    <van-icon name="edit"  class="pen"/>
    <input type="text"  placeholder="写评论">
  </div>
  <div>
    <van-icon name="comment-o" />
    <van-icon name="star-o" />
    <van-icon name="back-top" />
  </div>
</div>
</template>

<script>
export default {
name: "myFooter"
}
</script>

<style scoped lang="less">
.footerBox{
  display: flex;
  padding: 7px 4px 7px 16px;
  border-top: 1px solid rgba(235, 235, 235, 1);
  >div:first-child{
    position: relative;
    >input{
      height: 32px;
      width: 158px;
      border-radius: 61px;
      padding-left: 35px;
    }
    .pen{
      position: absolute;
      top: 8px;
      left: 10px;
      font-size: 20px;
    }
  }
  >div:last-child{
    font-size: 50px;
    margin-top: -6px;
  margin-left: 13px;
  }

}

</style>